import './index.scss'
import {Menu,Flex} from 'antd';
import {useState} from 'react'
import SearchIpt from "./SearchIpt/index";
const NavBar = () => {
    return (
 <div className='nav'>
     <Flex align="center"  justify='space-between'   vertical={false}>
                {/*<Menu onClick={onClick} selectedKeys={[current]} mode="horizontal" items={items}/>*/}
         <Menu defaultSelectedKeys={'diancai'} mode="horizontal" >
             <Menu.Item key={'diancai'}>点菜</Menu.Item>
             <Menu.Item key={'pingjia'}>评价
                 <span className={'comm-num'}>2321</span>
             </Menu.Item>
             <Menu.Item key={'shangjia'}>商家</Menu.Item>
         </Menu>
         <SearchIpt></SearchIpt>
 </Flex>
</div>


    )
}

export default NavBar